Web Development Web Marketing Portfolio

CSS (Cascading Style Sheets) offers many more benefits beyond that of streamlined web pages with table-less layouts and precise positioning (no more transparent 1-pixel spacer GIFs!), mentioned in my previous post. Indeed, that’s just scratching the surface of CSS.

Here are some more clever things you can do with CSS to get your website really humming:

• Reorder your content to sit above your top and left navigation in the HTML. That will boost the keyword prominence on your pages, which is good for SEO. Then use CSS to get the page to still display as you want. CSS Zen Garden is a great example of this in action… for example, notice how the HTML doesn’t change between this layout with left-side nav and this one with right-side nav; it’s only the CSS that’s changing.
• If you must use graphical navigation or headings instead of text-based, then use the CSS “image replacement” technique to substitute in a text link or heading tag, respectively, when the CSS is not loaded (as is the case when the search engine spiders come to visit). For example, northland.edu uses this technique well. Currently, this is much more effective for SEO than Alt attributes.

  Many of the image replacement techniques physically move the text off the screen (text-indent: -9999em; left:-9999em;display:none, etc). This isn’t desirable as search engines are starting to examine external CSS files more closely to look for spam. There are a few image replacement techniques that don’t do this type of hiding and are still accessible, namely The Leahy/Langridge Method, The Gilder/Levin Method and The “Shea Enhancement”. Each of these methods have their pluses and minuses, which the Mezzoblue article outlines quite well. (Thanks to our CSS guru Darren for this last bit of advice.)

• Learn to code in “CSS shorthand.” With shorthand, hex codes for colors, margins, box dimensions and borders can all be abbreviated, for instance. More about this here. The efficiency of CSS shorthand translates into not only a speedier download for your customers, but also compact and tidy code that’s easier to maintain.
• Make code that “degrades gracefully” (or, as they prefer to say now in geek circles, “enhances progressively”). Creating a separate “low-bandwidth version” or “printer friendly version” or “mobile version” of your site will sound ludicrous in years to come (heck, I think it sounds ludicrous NOW!), because CSS makes such a thing unnecessary. Check out how gracefully gotomedia.com degrades on a cell phone or PDA, for instance.
• Correct for browser incompatibility snafus with browser-specific CSS. Does something look awry in your page layout when loading your site with the Safari browser, for instance? Internet Explorer doesn’t always play nice with the other browsers. Until the days where all the browsers follow all the same standards to the letter, browser-specific stylesheets are a useful crutch.
• Separate the presentation layer from the content layer as much as possible and move it into an external stylesheet (in other words, a separate .CSS file). That way it gets cached by the web browser and doesn’t have to reload with each new page.
• Plan for site-wide changes. Things change — colors, sidebars, ads, copyright dates, etc. Utilize CSS files and/or server-side includes to make future site-wide updates as painless as possible.
• Make use of the cascading nature of CSS. Most of the styles you define will be used site-wide. Some will only be for one particular page. Then there will be occasions where you’ll want to “cascade” styles, and have certain sections of your site adopt a particular look/layout/theme that overrides or branches off from the site-wide styles. Clever use of cascading styles can lead to very efficient and elegant code.

  Warning! Geek speek ahead:

Be careful of overriding previously declared statements. And also be aware that specificity is important in the cascade. Declare all your tag styles first then declare your id and class selectors down the doc. That way the cascade works and can be overwritten with new selectors. (Thanks again to our CSS guru Darren for this last bit of advice.)

CSS coders: the Web Developer Firefox extension is an awesome tool for coding, debugging, and tweaking style sheets. You can display the stylesheet and the rendered page simultaneously side-by-side and then interactively edit the CSS, immediately viewing the effect of the change on the rendered page. And it makes identifying errors (be they validation, CSS, or JavaScript) a piece-of-cake. Did I mention the plugin is free?

Filed under: Blogs SEO Web Development | Email to a Friend | Printer-Friendly | No Comments »

Spread the word:      

What’s the best way to get listed in the Open Directory (aka DMOZ)? I often hear people complain that they can’t get their site listed. They wait for months and nothing happens. Then they resubmit and wait, and again nothing happens. Then you throw your hands up in the air, wondering if bribes or secret handshakes are required.

An Open Directory listing is a useful thing to have. With it comes some good link gain ?Į from Google Directory, DMOZ.org, and a pile of lower-tier directories that use the DMOZ database. It’s not a magic bullet by any means, but it’s worth getting listed.

The key to getting into DMOZ seems to be in picking the right category. The actual mechanics of submitting is easy. From the chosen category page on DMOZ.org, simply click on “suggest URL” (or “Submit a Site” from the category page in Google Directory). I’m going to mix metaphors here (English majors please forgive me)… if you want to give yourself the best shot and to put your best foot forward, heed these words of advice:

1. Peruse the categories where your competitors are listed.
   Often times you’ll find multiple suitable categories this way. You can search either DMOZ.org or Google Directory. Try searching for their domain name, and if that turns up nothing, try their company name / website name, and variations thereof.

2. Read the category information to ensure that category is appropriate for you
   When viewing the category page within DMOZ.org, click on the “Description?Ĺ link at the top right of the page. Make sure your submission will be totally on-topic and fall within the guidelines listed here.

3. Try to pick a category with an editor.
   This is important. You don’t stand much of a chance if there’s no editor. That’s because your submission will go to a higher-level category editor who is probably overwhelmed with submissions coming in from all the unmanned subcategories underneath him/her. You can see if a category has an editor by scrolling to the bottom of the category page at DMOZ.org. If the category has one or more editors, their name(s) will be listed at the bottom of the page preceded by the words “Category editor.” For example, the Computers: Internet: Web Design and Development: Promotion category is edited by cmconsulting. Clicking on cmconsulting takes you to her profile page, which in this case includes a link to her company website.

   To find relevant categories with editors, try this search on Google:

   site:dmoz.org intitle:keyword “Category editor” OR “Category editors”

   replacing the word “keyword” above with your main keyword. So, for example, if you’re looking for jewelry-related categories with editors:

   site:dmoz.org intitle:jewelry “Category editor” OR “Category editors”

4. Fine-tune your home page to fit the category you are targeting
   For example, if you are a jeweler with a range of inventory and you are submitting under the Shopping: Jewelry: Charms category, make sure Charms is a primary feature on the home page (in the title tag and in the page content), at least until you get approved.

5. Spiff up your site prior to submitting
   Scan your site for broken links and broken images with a broken link spider tool and fix them. Remove any “This page under construction” messages. Spell check all the copy for typos. Ensure that you’re providing your full contact information, including address. Remove anything dodgy like doorway pages or tiny text (and NO, don’t put them back after you get in!). Make sure the content of your site is valuable. Thin affiliates aren’t welcome in the Open Directory.

6. Consider going Regional
   You might consider it more desirable to be listed on a main global category page, but we need to be pragmatic here. If you are a retail shop in Dallas, Texas, you stand a much better chance of getting into DMOZ if you found a Regional category for Dallas, Texas. If you have multiple locations, consider a broader Regional category that encompasses all your locations. For example, if you have locations in Dallas and Houston, go with Texas. If you have locations in Dallas and Vancouver, go with North America. Sometimes, multiple Regional categories would be more appropriate.

7. Get your home page listed first before trying to get “deep links”
   For typical sites, DMOZ strongly prefers listing only the home page. Exceptions are made where a sub-section or sub-page adds substantial value to the category and wouldn’t be located easily by visitors to the home page. Examples of such: an article library, a video archive, conference proceedings. If you have such a resource, submit it and see if you can get in — but do it after you’ve successfully gotten your home page listed. And submit the resource to a DIFFERENT category. Quite a number of sites have achieved multiple listings in DMOZ. Hopefully you will too!

8. Be non-promotional when crafting your title and description
   You will need to work in your most important keywords into the title and description (the title is most important), writing in the third-person, and without sounding salesy. And this title needs to look like the name of your site, not a list of keywords. This will reduce the risk that you’ll turn off the editor and the risk that the editor will change the title and description. DMOZ information is sometimes displayed in SERPs ?Į like when the search term used isn’t present in your page content or your meta description. If an editor rewrites your title or description for you, your most important keywords may be stripped out or your site could be introduced in an unappealing way on Google SERPs.

9. Be patient, but not too patient
   Don’t expect your listing to be approved in a week. But then again, don’t wait a year. If after a month or two you don?Ĵt get in, submit to another category. Don’t waste your time submitting to the same category; you’ll just sit in the queue with multiple copies of your submission and that’s not going to make the editor happy.

10. If it’s a second submission, lower your sights
    Ok, so your listing didn’t get approved and it’s been a month or so. Well then, this time pick a category that’s more attainable for you. For example, maybe you should submit to a more specialized category (e.g. Shopping: Jewelry: Handcrafted, instead of Shopping: Jewelry). Or pick a Regional category.

11. Once you’re in, request a category reassignment
    Didn’t get in to your first choice category because it didn’t have an editor or you didn’t get a response from your submission? Then I’ve got good news for you: it’s a lot easier to move categories once you’re in Open Directory than it was to get in in the first place. You don’t need to settle for a listing in a sub-optimal category.

12. Get more involved in the ODP (Open Directory Project) community
    This could mean volunteering to become a category editor. Or just becoming known as a constructive, helpful person on the Resource Zone forums. Insiders have a better lay of the land. They know the politics, the manoeuvering required, the favors to call in, the buttons to press.

Filed under: Blogs SEO Web Marketing | Email to a Friend | Printer-Friendly | No Comments »

Spread the word:      

Twelve months after its website redesign, House of Travel saw its onsite sales grow six-fold - results that can be measured in increased traffic to the site and in keyword ranking.

Filed under: Press SEO Web Development | Email to a Friend | Printer-Friendly | 1 Comment »

Spread the word:      

“As a new venture, it was vitally important that clear outcomes and costs were identified and monitored. This is something I found Netconcepts to be excellent at…”

Filed under: SEO Testimonials Web Development | Email to a Friend | Printer-Friendly | 1 Comment »

Spread the word:      

Branding campaigns appear in many forms online besides the ubiquitous banner ad. There are blogs, RSS feeds, paid search ads (e.g. Google AdWords), contextual ads, natural (organic) search listings, text link ads, microsites, and podcasts, to name a few.

• Gain an understanding of each of these channel’s unique benefits and where each fit in your brand strategy
• Learn best practice techniques applicable to these new channels, with numerous examples

Filed under: Business Blogging Email Marketing RSS Marketing Seminars Web Marketing | Email to a Friend | Printer-Friendly | No Comments »

Spread the word:      

New digital communication technology has drastically changed the landscape of possibilities in reaching your audiences. Find out what the latest technology trends are, and how they can be utilised to add value to your brand.

• New communication channels and their use
• Using technology effectively
• Viral marketing trends
• Emerging PR tools - RSS, blogs, wikis, podcasts, social networks, social tags, search engines

Filed under: Business Blogging RSS Marketing Seminars Web Marketing | Email to a Friend | Printer-Friendly | No Comments »

Spread the word: